<template>
	<view>
		<view class="overHead" @click="tuArticle(item)" v-for="(item,index) in list" :key="index">
			<view class="title">{{item.title}}</view>
			<view class="info">
				<view class="overHeadInfo">置顶</view>
				<view class="user-name">{{item.user_name}}</view>
				<view class="pinlun">{{item.pinglun}}评论</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						"id": 1,
						"title": "2022年五一劳动节活动安排表",
						"content": "<img src='https://laijunlin.xyz/static/home/tuijian/top/511.jpg' width='100%' height='auto' />",
						"isguanzhu": 1,
						"time": 1650852800,
						"user_img": "https://www.laijunlin.xyz/static/home/userpic/1.jpg",
						"user_name": "惠城院",
						"pinglun": 3327
					},
					{
						"id": 2,
						"title": "惠州城市职业学院心理文化节之心理剧大赛",
						"content": "“让红色精神成为心灵最坚实的力量”—惠州城市职业学院心理文化节之心理剧大赛<br /><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl1.jpg' width='100%' height='auto' /><br /><br/>在这鸟语花香，草木茂盛之际，春风洋溢之时，随着2022年5月25日全国大学生心理健康日的来临，我们也要更加关注心理健康哦，那大家知道“5·25”是什么意思吗？“5·25”谐音也是“我爱我”，其内容是“关爱自己，了解自己，接纳自己，热爱自己，拒绝一切emo等负面情绪”，让我们一起在红色精神中汲取强大的精神力量，树立积极心态，迎难而上。<br/><br/>为此，我院为全校学生准备了一个心理话剧大赛的舞台，希望通过舞台表演的形式，让同学有所感悟自己身边人、身边事，在红色精神引领下，普及心理健康知识，带给学生心灵更坚实的力量，积极乐观，向上向善，奋勇向前。<br/><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl2.png' width='100%' height='auto' /><br /><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl3.png' width='100%' height='auto' /><br /><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl4.png' width='100%' height='auto' /><br /><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl5.png' width='100%' height='auto' /><br /><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/xl6.jpg' width='100%' height='auto' /><br /><br/>",
						"isguanzhu": 1,
						"time": 1649852800,
						"user_img": "https://www.laijunlin.xyz/static/home/userpic/1.jpg",
						"user_name": "惠城院",
						"pinglun": 1424
					},
					{
						"id": 3,
						"title": "惠城院现代物流管理专业群入选国家级基地",
						"content": "4月25日，中国物流学会发布《第七届第一批中国物流学会产学研基地》公示，我院现代物流管理专业群申报的岭南农产品电商物流技术创新研发基地成为全国44个新入选的基地，这标志着现代物流管理省级高水平专业群再添新成果，填补了此前无国家级基地的空白。<br /><br/>近年来，我院物流管理专业群积极推进产学研基地建设，与苏宁、京东、顺丰等大型企业合作，取得良好的效果。特别是，现代物流管理专业还充分发挥我院师资团队专业技术优势，重点面向物流行业以及本地区相关产业，联合相关企业开展技术攻关，获得相关专利30余项，获得物流行业科技奖项3项，在农产品物流领域取得了具有代表性的成果，在岭南荔枝等农产品的物流运输保鲜包装开发项目上获得了突破，产生了较好的经济和社会效益，充分体现了我院物流管理专业群的综合研发能力。<br/><br/><img src='https://laijunlin.xyz/static/home/tuijian/top/wl.jpg' width='100%' height='auto' /><br/><br />我院现代物流管理专业群现有省级实训基地2个、市级工程技术研究开发中心2个、市级社会科学基地1个、产业学院1个，产学研基础条件雄厚，获批中国物流学会产学研基地将进一步促进我院物流管理专业群的产学研质量提升。<br/>",
						"isguanzhu": 1,
						"time": 1650752800,
						"user_img": "https://www.laijunlin.xyz/static/home/userpic/1.jpg",
						"user_name": "惠城院",
						"pinglun": 2353
					},
					{
						"id": 4,
						"title": "惠城院返校时间定了！！！",
						"content": "根据上级有关文件精神，结合当前疫情防控形势和学院实际，现就2022 年春季学期学生返校报到事宜预通知如下：<br /><br/>一、请同学们做好返校准备，严格遵守属地疫情防控措施，做好个人 防护，确保人身安全。非必要不外出，不前往有中高风险区域的城市；确需外出的，要落实请假报备手续。<br/> <br/>二、请同学们严格遵守学院疫情防控规定，密切关注疫情发展形势， 及时留意学院后续详细指引。具体分批返校安排见下表。<br/><img src='https://laijunlin.xyz/static/home/tuijian/top/fx.jpg' width='100%' height='auto' /><br />",
						"isguanzhu": 1,
						"time": 1650652800,
						"user_img": "https://www.laijunlin.xyz/static/home/userpic/1.jpg",
						"user_name": "惠城院",
						"pinglun": 3543
					}
				]
			}
		},
		methods: {
			tuArticle(item) {
				uni.navigateTo({
					url: "/pages/index/i-article/i-article/i-article"
				})
				
				getApp().globalData.i_article = item;
			}
		},
		
	}
</script>

<style scoped lang="scss">

	.overHead {
		width: 100%;
		height: 84rpx;
		margin: 24rpx 0;
		.title {
			width: 100%;
			font-size: 32rpx;
			color: #333;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-family: "Microsoft YaHei";
		}
		
		.info {
			display: flex;
			font-size: 24rpx;
			margin-top: 10rpx;
			.overHeadInfo {
				color: #ff6d9f;
			}
			.user-name {
				color: #999;
				margin-left: 20rpx;
			}
			.pinlun {
				color: #999;
				margin-left: 20rpx;
			}
		}
	}
	
</style>
